<script lang="jsx">
import { ref } from 'vue'

export default {
    setup() {
        const counter = ref(0)
        const counterAdd = () => {
            counter.value++
        }
        return () => (
            <div className="comp">
                <p onClick={counterAdd} className="counter">1. JSX 支持：@vitejs/plugin-vue-jsx：{counter.value}</p>
            </div>
        )
    }
}
</script>
<style lang="scss">
.comp {
    .counter {
        line-height: 30px;
        background-color: coral;
        cursor: pointer;
    }
}
</style>